<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>我的消息</title>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.css">
		<!--如果你用到了拓展包中的组件，还需要引用下面两个-->
		<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.css">
		<link rel="stylesheet" href="{{asset('/css/mobile/common_web.css')}}">
		<link rel="stylesheet" href="{{asset('/css/mobile/inform.css')}}">
	</head>
	<body>
		<div class="page-group">
		<!-- 单个page ,第一个.page默认被展示-->
		<div class="page">
			<!-- 标题栏 -->
			<header class="bar bar-nav" style="background:#24314D;color:#fff;height:3rem;line-height:3rem;">
				<a href="{{url('/admin/person')}}" class="icon external icon-left pull-left" style="font-size:1.4rem;color:#fff;line-height:2rem;"></a>
				<h1 class="title" style="color:#fff;line-height:3rem;">我的消息</h1>
			</header>

			<!-- 工具栏 -->
			<nav class="bar bar-tab" style="background:#fff;">
				<a class="tab-item external"  href="{{url('/admin/home')}}">
					<i class="icon iconfont">&#xe649;</i>
					<span class="tab-label">首页</span>
				</a>
				<a class="tab-item external active" href="{{url('/admin/secondPassword')}}" >
					<i class="icon iconfont">&#xe648;</i>
					<span class="tab-label">个人设置</span>
				</a>
			</nav>

			<!-- 这里是页面内容区 -->
			<div class="content pull-to-refresh-content" data-ptr-distance="55">
				<!-- 默认的下拉刷新层 -->
				<div class="pull-to-refresh-layer">
					<div class="preloader"></div>
					<div class="pull-to-refresh-arrow"></div>
				</div>
				@foreach($list as $v)
				<div class="card">
					<div class="card-content">
						<div class="card-content-inner">
							<h1>{{$v['content']}}</h1>
							<p>{{$v['create_time']}}</p>
						</div>
					</div>
				</div>
				@endforeach

			</div>
		</div>
	</div>
	</body>
	<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.js' charset='utf-8'></script>
	<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.js' charset='utf-8'></script>
	<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.js' charset='utf-8'></script>
	<script type="text/javascript" src="//g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.min.js" charset="utf-8"></script>
	<script>
        $(function(){
            // 添加'refresh'监听器
            $(document).on('refresh', '.pull-to-refresh-content',function(e) {
                // 模拟2s的加载过程
                setTimeout(function() {
                    var cardNumber = $(e.target).find('.card').length + 1;
                    var cardHTML = '<div class="card">' +
                        '<div class="card-header">card'+cardNumber+'</div>' +
                        '<div class="card-content">' +
                        '<div class="card-content-inner">' +
                        '这里是第' + cardNumber + '个card，下拉刷新会出现第' + (cardNumber + 1) + '个card。' +
                        '</div>' +
                        '</div>' +
                        '</div>';

                    $(e.target).find('.card-container').prepend(cardHTML);
                    // 加载完毕需要重置
                    $.pullToRefreshDone('.pull-to-refresh-content');
                }, 2000);
            },{ passive: false });
        })
	</script>
</html>
